<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_列表相关属性</title>
    <style>
        ul{
            background-color: red;
        }
        li{
            /*background-color: blue;*/
            /*list-style-position:  inside;*/
            /*list-style-image: url(../../html/1.png);*/
            list-style: outside disc url(../../html/1.png);
        }
    </style>

</head>
<body>
    <!--
        列表相关属性: 可以作用在 ul、ol、li上
         list-style-type: 设置列表项的前缀符号 常用值：
            none:无前缀
            square:实心方框
            disc:圆形
            decimal:数字
            lower-roman: 小写罗马数字
            upper-roman: 大写罗马数字
            lower-alpha: 小写字母
            upper-alpha: 大写字母
         list-style-position: 设置列表项的前缀符号的位置
              inside: 前缀符号在列表项内部
             outside: 前缀符号在列表项外部
         list-style-image: 设置列表项的前缀符号的图片
         list-style: 列表前缀符号的属性集合 没有数量、顺序的要求。
    -->
    <ul>
        <li>列表项一</li>
        <li>列表项二</li>
        <li>列表项三</li>
        <li>列表项四</li>
    </ul>
</body>
</html>